import Vue from 'vue'
import Vuex from 'vuex'
import user from './modules/user'
Vue.use(Vuex)

// 全局的数据-----------------------------
const store = new Vuex.Store({
  // 组合模块的配置项
  modules: {
    user
  },
  // 数据
  state: {
    // message: '我是全局的state的message',
    // userInfo: {
    //   uname: '赵世豪',
    //   age: 2022222222222
    // }
  },
  // 同步修改数据的方法
  // 缪忒伸
  mutations: {
    // changeMessage(state, p) {
    //   state.message = p
    // }
  },
  // 异步修改数据的方法
  // 哎可伸
  actions: {
    // changeMessageSync(context, p) {
    //   setTimeout(() => {
    //     context.commit('changeMessage', p)
    //   }, 2000)
    // }
  },
  // 类似于计算属性
  getters: {
    // uname(state) {
    //   return state.userInfo.uname
    // },
    // age(state) {
    //   return state.userInfo.age.toFixed(2)
    // },
    // // user模块的数据
    // userName(state) {
    //   return state.user.userInfo.userName
    // },
    // userAge(state) {
    //   return state.user.userInfo.userAge
    // }
  }
})

export default store
